 *{
    margin:0;
    padding:0;
}
a{   
    text-decoration: none;
}
li{
    list-style: none;
}
img{
    border: none;
}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400;
}
//顶部导航部分

.category{
    width:1200px;
    height:19px;
    margin:0 auto;
    font-size:12px;
    margin-top:8px;
    margin-bottom:10px;
    color:#333;
            a{
               color:#666;
               &:hover{
                   color:#333333;
               }
            }    
}
//顶部导航部分结束
//中间部分开始
.main{
    width:1200px;
    height:auto;
    overflow: hidden;
    margin:0 auto;
        .left{
            width:240px;
            height:613px;
            background:#FAFAFA;
            float:left;
//              我的商城
                    .title{
                        display:block;
                        width:240px;
                        height:20px;
                        padding-top:28px;
                        padding-bottom:20px;
                        font-size:18px;
                        text-indent:30px;
                        font-family:arial,​"微软雅黑";
                        font-weight:400;
                        &:hover{
                            color:#CA151E;
                        }
                      
                    }
//          我的商城标题
                 .order_center{
                            width:208px;
                             height:20px;
                              margin-left:16px;
                              margin-top:15px;
                             background:url(../images/bg63.png) repeat-x 0px 11px ;
                             text-align:center;
                                span{
                                    width:70px;
                                    margin-left:70px;
                                    height:24px;
                                    display:block;
                                    background:white;
                                    font-size: 14px;
                                    color:#888888;
                                    background:#FAFAFA;
                                    font-weight:400;
                                }
                                       } 
                                       
                }
//              我的订单
                .order_list{
//                  padding-left:30px;
                        li{
                            height:20px;
                            margin-top:20px;
                            padding-left:30px;
                            margin-bottom:20px;
                                a{
                                    color:#333333;
                                    &:hover{color:#CA151E;}
                                }
                                em{
                                    width:6px;
                                    height:14px;
                                    display:inline-block;
                                    background:#CA151E;
                                    line-height: 14px;
                                    font-size:11px;
                                    font-family:arial,​"微软雅黑";
                                    padding-left:8px;
                                    padding-right:12px;
                                    border-radius:7px;
                                    color:white;
                                    font-style: normal;
                                    font-weight: 400;
                                }
                        }
                        li.cur{
                            border-left:solid 2px red;
                            a{
                                color:#CE1531;
                                padding-right:5px;
                            }
                        }
                }
//              ******************
.fr, .right, .right-area {
    float: right;
}
.order-detail-process-record, .order-detail-logistics-record, .recycle-detail-process-record {
    width: 100%;
    overflow: hidden;
}
                .u-4-5 {
                    width: 940px;
                    .section-header {
                        height: 50px;
                        border-bottom: 1px solid #DEDEDE;
                        .fl, .left, .left-area {
                            float: left;
                            
                        }
                        .fl{
                            h2 {
                                font-size: 24px;
                                line-height: 1.2;
                                padding: 8px 0px 0px 2px;
                                span{
                                    font-size: 24px;
                                    line-height: 1.2;
                                }
                            }
                        }
                        .fr, .right, .right-area {
                            float: right;
                            
                        }
                        .fr{
                            .section-header-button {
                                padding: 10px 3px 0px 0px;
                                a {
                                    margin-right: 7px;
                                    display: inline-block;
                                    span{
                                        line-height: 28px;
                                        font-size: 14px;
                                    }
                                }
                                .button-operate-cancel-order{
                                    width: 118px;
                                    height: 28px;
                                    line-height: 28px;
                                    font-size: 14px;
                                    text-align: center;
                                    background-color: #FAFAFA;
                                    border: 1px solid #BBB;
                                    color: #333 !important;
                                    &:hover{
                                        text-decoration: none;
                                        background-color: #3A3A3A;
                                    }
                                    &:hover span{
                                        color: #FFFFFF;
                                    }
                                }
                                .button-operate-edit{
                                    width: 118px;
                                    height: 28px;
                                    line-height: 28px;
                                    font-size: 14px;
                                    text-align: center;
                                    background-color: #B71;
                                    border: 1px solid #B71;
                                    color: #FFF !important;
                                    &:hover{
                                        text-decoration: none;
                                        background-color: #9A5C00;
                                    }
                                }
                                .button-operate-pay{
                                    width: 118px;
                                    height: 28px;
                                    line-height: 28px;
                                    font-size: 14px;
                                    text-align: center;
                                    background-color: #CA151E;
                                    border: 1px solid #CA151E;
                                    color: #FFF !important;
                                    &:hover{
                                        text-decoration: none;
                                        background-color: #AB0009;
                                    }
                                }
                            }
                        }
                    }
                    .order-detail-state {
                        width: 816px;
                        margin: 0px auto;
                        padding: 32px 0px 0px;
                        .order-state-progress{
                            width: 816px;
                            height: 99px;
                            ol {
                                margin-left: -184px;
                                width: 1000px;
                                
                                li{
                                    float: left;
                                    position: relative;
                                    width: 200px;
                                    background: transparent url("../images/bg21.png") repeat-x scroll 0% 0%;
                                    background-position: 0px 40px;
                                    s {
                                        background-image: url("../images/sprites23.png");
                                        background-repeat: no-repeat;
                                        background-attachment: scroll;
                                        background-clip: border-box;
                                        background-origin: padding-box;
                                        background-size: auto auto;
                                        position: absolute;
                                        right: -6px;
                                        top: 32px;
                                        width: 16px;
                                        height: 16px;
                                        background-color: #FFF !important;
                                        padding: 0px 6px;
                                        background-position: -20px -39px;
                                        z-index: 2;
                                    }
                                    dl {
                                        float: right;
                                        width: 120px;
                                        font-size: 14px;
                                        text-align: center;
                                        margin-right: -52px;
                                        color: #CCC;
                                        dt {
                                            margin-bottom: 46px;
                                        }
                                        dd {
                                            line-height: 18px;
                                            p{
                                                color: #333;
                                                font-size: 14px;
                                                text-align: center;
                                            }
                                        }
                                    }
                                }
                                .completed{
                                    background-position: 0px 40px;
                                }
                            }
                        }
                    }
                    .order-detail-process-record{
                        padding-top: 50px;
                        width: 100%;
                        overflow: hidden;
                        .list-group-caption{
                            padding-bottom: 10px;
                            border-bottom: 1px solid #DEDEDE;
                            h3{
                                font-size: 16px;
                                font-weight: 400;
                            }
                        }
                    }
                    .order-detail-receive{
                        .h{
                            h3{
                                padding-left: 2px;
                                font-size: 16px;
                                padding-bottom: 10px;
                                font-weight: 400;
                            }
                        }
                        .b {
                            padding-top: 10px;
                            border-bottom: 1px solid #DEDEDE;
                            border-top: 1px solid #DEDEDE;
                            .form-info-panels {
                                font-size: 14px;
                                line-height: 21px;
                                padding: 3px 0px 13px;
                                th {
                                    width: 100px;
                                    text-align: right;
                                    color: #888;
                                    padding-right: 9px;
                                    vertical-align: top;
                                    padding: 3.5px 0px;
                                    font-style: normal;
                                    font-weight: 400;
                                    font-size: 14px;
                                    line-height: 21px;
                                }
                                td {
                                    vertical-align: top;
                                    padding: 3.5px 0px;
                                    font-size: 14px;
                                    line-height: 21px;
                                }
                            }
                        }
                    }
                    .hr-50{
                        clear: both;
                        font-size: 1px;
                        line-height: 1px;
                        height: 50px;
                    }
                    .order-detail-pro{
                        .order-pro-record {
                            width: 100%;
                            overflow: hidden;
                            .list-group-caption {
                                padding-bottom: 10px;
                                h3{
                                    padding-left: 2px;
                                    font-size: 16px;
                                    padding-bottom: 10px;
                                    font-weight: 400;
                                }
                            }
                            .list-group-title {
                                padding: 13px 0px;
                                margin: 0px -1px;
                                background-color: #FAFAFA;
                                table {
                                    width: 100%;
                                    border-collapse: collapse;
                                    font-size: 14px;
                                    th {
                                        font-size: 14px;
                                        color: #888;
                                        height: 14px;
                                        line-height: 14px;
                                        border-left: 1px solid #DEDEDE;
                                        border-right: 1px solid #DEDEDE;
                                        text-align: center;
                                    }
                                    .col-pro{
                                        width: 365px;
                                    }
                                    .col-int{
                                        width: 91px;
                                    }
                                    .col-price{
                                        width: 117px;
                                    }
                                    .col-quty{
                                        width: 90px;
                                    }
                                    .col-pay{
                                        width: 127px;
                                    }
                                    .col-state{
                                        width: 151px;
                                    }
                                }
                            }
                            .list-group{
                                .list-group-item{
                                    margin: 0px -1px;
                                    .o-pro{
                                        tr{
                                            td {
                                                border-left: 1px solid #FFF;
                                                border-right: 1px solid #F2F2F2;
                                                border-bottom: 1px solid #F2F2F2;
                                                text-align: center;
                                                padding: 10px 0px;
                                            }
                                            .col-pro-img {
                                                position: relative;
                                                width: 120px;
                                                border-right: 1px solid #FFF;
                                                .p-img{
                                                    
                                                }
                                            }
                                            .col-pro-info {
                                                text-align: left;
                                                .p-name {
                                                    line-height: 21px;
                                                    padding: 0px 10px;
                                                    a{
                                                        color: #333;
                                                    }
                                                }
                                            }
                                            .col-int {
                                                width: 90px;
                                            }
                                            .col-price {
                                                width: 116px;
                                                em{
                                                    margin-right: 3px;
                                                }
                                            }
                                            .col-quty {
                                                width: 89px;
                                            }
                                            .col-pay {
                                                width: 126px;
                                                em{
                                                    margin-right: 3px;
                                                }
                                            }
                                            .col-state {
                                                width: 150px;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        .order-pro-total{
                            .order-pro-cost {
                                font-size: 14px;
                                padding: 12px 20px 12px 0px;
                                width: 245px;
                                float: right;
                                table{
                                    float: right;
                                    tr{
                                        th{
                                            text-align: right;
                                            padding: 5.5px 0px;
                                            font-size: 14px;
                                        }
                                        td {
                                            width: 110px;
                                            text-align: right;
                                            padding: 5.5px 0px;
                                            em{
                                                margin-right: 4px;
                                                font-size: 14px;
                                            }
                                            span{
                                                font-size: 14px;
                                            }
                                        }
                                    }
                                }
                            }
                            .order-pro-cost-total {
                                clear: both;
                                background-color: #F5F5F5;
                                font-size: 14px;
                                text-align: right;
                                padding: 12px 20px 12px 0px;
                                em {
                                    margin: 0px 8px 0px 2px;
                                    font-size: 30px;
                                    color: #CA151E;
                                    font-style: normal;
                                    font-weight: 400;
                                }
                                span {
                                    font-size: 30px;
                                    color: #CA151E;
                                }
                            }
                        }
                    }
                    .order-detail-action {
                        padding-top: 40px;
                        text-align: right;
                        a {
                            display: inline-block;
                            margin-left: 12px;
                            width: 118px;
                            height: 28px;
                            line-height: 28px;
                            font-size: 14px;
                            text-align: center;
                            background-color: #CA151E;
                            border: 1px solid #CA151E;
                            color: #FFF !important;
                            span{
                                line-height: 28px;
                                font-size: 14px;
                                text-align: center;
                                color: #FFF !important;
                            }
                        }
                    }
                }
// 右侧区域             
}


//底部的分享区域
.bottom-follow{
    width: 100%;
    height: 223px;
    min-width: 1200px;
    margin-bottom: 50px;
    background: url(../images/bg51.jpg) no-repeat;
    background-position:50% 0px;
    .bottom-follow_r{
        width: 1200px;
        height: 242px;
        margin: 0 auto;
        ul{
           float: right;
           margin-top: -28px;
           li{
               width: 182px;
               padding: 8px 0px 0px 40px;
               position: relative;
           }
        }
    }
}
.popup-define-area {
    width: 288px;
    text-align: center;
    z-index: 5;
    margin-bottom: 6px;
    border: 1px solid #CA151E;
    background-color: #FFF;
    .b {
        padding: 20px 0px;
        p {
            font-size: 16px;
            color: #CA151E;
            padding-bottom: 7px;
        }
        .popup-button-area{
            a {
                margin-right: 10px;
                margin-top: 20px;
                vertical-align: top;
            }
            .button-action-yes {
                background-color: #CA151E;
                display: inline-block;
                cursor: pointer;
                &:hover{
                    background-color: #AB0009;
                }
            }
            .button-action-no, .button-action-yes {
                width: 120px;
                height: 30px;
                line-height: 30px;
                font-size: 14px;
                text-align: center;
                color: #FFF;
                background-image: none;
                span{
                    font-size: 16px;
                }
            }
            .button-action-no {
                width: 118px;
                height: 28px;
                background-color: #FAFAFA;
                border: 1px solid #BBB;
                color: #333;
                display: inline-block;
                cursor: pointer;
                &:hover{
                    color: #fff;
                    background-color: #3A3A3A;
                }
            }
            
        }
    }
    .f {
        position: relative;
        font-size: 0px;
        line-height: 0;
    }
}